import React from 'react'

export  default class SetStateForTest extends React.Component {

    state = {
        x:1,
        y:1,
        z:1
    }

    onClickHandler = () => {
        for(let i = 1; i < 10;i++){
            // //函数式setState解决问题
            // this.setState(
            //     prevState=>({
            //         x:prevState.x+1
            //     })
            // )
            this.setState({
                x:this.state.x+1
            });
            //为什么不是10？
            //解答：
            //react会合并更新，每次取到的都是最开始的0
        }
    }

    render() {
        return (
            <>
                <div>
                    x:{this.state.x}
                    y:{this.state.y}
                    z:{this.state.z}
                </div>

                <button onClick={this.onClickHandler}>
                    click
                </button>
            </>
        )
    }

}